import React from 'react';
import './App.css';
// import ReactDOM from 'react-dom';
class BaiduMap extends React.Component {

    componentDidMount() {
        var BMap = window.BMap;
        var map = new BMap.Map("allmap-container"); // 创建Map实例
        map.centerAndZoom(new BMap.Point(121.404, 30.915), 11); // 初始化地图,设    置中心点坐标和地图级别
        // map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
        map.setCurrentCity("上海"); // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

    }

    /**
     * 页面关闭事件
     */
    componentWillUnmount() {
        console.log('此页面关闭了');
    }
    render() {
        return (
            <div>
                <div
                    id='allmap-container'
                    style={{
                        width: '100%',
                        height: '100vh'
                    }}>
                </div>
            </div>
    )
    }
}

export default BaiduMap;
